// jQuery.noConflict();

jQuery(document).ready(function () {

    // dropdown in leftmenu
    jQuery('.leftmenu .dropdown > a').click(function () {
        if (!jQuery(this).next().is(':visible'))
            jQuery(this).next().slideDown('fast');
        else
            jQuery(this).next().slideUp('fast');
        return false;
    });

    if (jQuery.uniform)
        jQuery('input:checkbox, input:radio, .uniform-file').uniform();

    if (jQuery('.widgettitle .close').length > 0) {
        jQuery('.widgettitle .close').click(function () {
            jQuery(this).parents('.widgetbox').fadeOut(function () {
                jQuery(this).remove();
            });
        });
    }


    // add menu bar for phones and tablet
    jQuery('<div class="topbar"><a class="barmenu">' +
		    '</a></div>').insertBefore('.mainwrapper');

    jQuery('.topbar .barmenu').click(function () {

        var lwidth = '260px';
        if (jQuery(window).width() < 340) {
            lwidth = '240px';
        }

        if (!jQuery(this).hasClass('open')) {
            jQuery('.rightpanel, .headerinner, .topbar').css({ marginLeft: lwidth }, 'fast');
            jQuery('.logo, .leftpanel').css({ marginLeft: 0 }, 'fast');
            jQuery(this).addClass('open');
        } else {
            jQuery('.rightpanel, .headerinner, .topbar').css({ marginLeft: 0 }, 'fast');
            jQuery('.logo, .leftpanel').css({ marginLeft: '-' + lwidth }, 'fast');
            jQuery(this).removeClass('open');
        }
    });

    // show/hide left menu
    jQuery(window).resize(function () {
        if (!jQuery('.topbar').is(':visible')) {
            jQuery('.rightpanel, .headerinner').css({ marginLeft: '260px' });
            jQuery('.logo, .leftpanel').css({ marginLeft: 0 });
        } else {
            jQuery('.rightpanel, .headerinner').css({ marginLeft: 0 });
            jQuery('.logo, .leftpanel').css({ marginLeft: '-260px' });
        }
    });

    // dropdown menu for profile image
    jQuery('.userloggedinfo img').click(function () {
        if (jQuery(window).width() < 480) {
            var dm = jQuery('.userloggedinfo .userinfo');
            if (dm.is(':visible')) {
                dm.hide();
            } else {
                dm.show();
            }
        }
    });

    // change skin color
    jQuery('.skin-color a').click(function () { return false; });
    jQuery('.skin-color a').hover(function () {
        var s = jQuery(this).attr('href');
        if (jQuery('#skinstyle').length > 0) {
            if (s != 'default') {
                jQuery('#skinstyle').attr('href', 'css/style.' + s + '.css');
                jQuery.cookie('skin-color', s, { path: '/' });
            } else {
                jQuery('#skinstyle').remove();
                jQuery.cookie("skin-color", '', { path: '/' });
            }
        } else {
            if (s != 'default') {
                jQuery('head').append('<link id="skinstyle" rel="stylesheet" href="css/style.' + s + '.css" type="text/css" />');
                jQuery.cookie("skin-color", s, { path: '/' });
            }
        }
        return false;
    });

    //Close button:

    $(".close").click(
        function () {
            $(this).parent().fadeTo(400, 0, function () { // Links with the class "close" will close parent
                $(this).slideUp(400);
            });
            return false;
        }
    );

});

// Remove Element
function removeNotification() {
    var tmp = $(".notification").length;
    if (tmp > 0) {
        $(".notification:last").animate({ opacity: '0' }, 600, function () {
            $(this).slideUp(400, function () {
                $(this).remove();
                setTimeout(removeNotification, 10000);
            });
        });
    }
}

function showNotification(data) {
    if (data.length == 0) return;

    var icon = '';
    if (data.status == 1)
        icon = 'success';
    else if (data.status == 4)
        icon = 'error';

    var result = '<div class="notification ' + icon + ' png_bg"><a href="#" class="close">' +
        '<img src="/Areas/Administrator/Content/images/icons/cross_grey_small.png" title="Close this notification" alt="close" /></a><div>' +
        '<table cellpadding="3" cellspacing="3"><tr><td nowrap="nowrap">Update at :</td><td><i>' + (new Date()) + '</i></td></tr>' +
        '<tr><td>Message :</td><td>' + data.msg + '</td></tr></table></div></div>';
    $('.notification-box').before(result);
    $(".notification a.close").click(
                    function () {
                        $(this).parent().fadeTo(400, 0, function () { // Links with the class "close" will close parent
                            $(this).slideUp(400, function () {
                                $(this).remove();
                            });
                        });
                        return false;
                    });
    setTimeout(removeNotification, 10000);
}